.bule {
  color: #2561ef;
}
.gary {
  color: #999999;
}
.ta-r {
  text-align: right;
}
.myList .banner {
  height: 44px;
}
.myList .headList {
  padding: 20px;
  padding-bottom: 40px;
}
.myList .headList .head {
  box-shadow: 0px 0px 10px 5px #ebebeb;
}
.myList .headList .head img {
  width: 85px;
  height: 85px;
}
.myList .headList .head .text {
  display: inline-block;
  height: 20px;
  width: 48px;
  text-align: center;
  line-height: 20px;
  background-color: #ffc71c19;
  color: #ffc71c;
}
.myList .list .item {
  height: 48px;
}
.myList .list .item img {
  width: 20px;
  height: 20px;
}
.myList .list .item .circle {
  background-color: #fa746b;
  border-radius: 100%;
  width: 15px;
  height: 15px;
}
.myList .footer {
  position: fixed;
  bottom: 0;
  height: 66px;
  width: 100%;
  font-size: 12px;
  padding: 10px 0;
}
.myList .footer .text {
  flex: 1;
}
.myList .footer .text i {
  font-size: 18px;
}
